<template>
  <div class="village-content" style="height: 100%">
    <!-- !项目信息 -->
    <a-card size="small" style="height: 100%">
      <a-descriptions title="基础信息" :column="4" layout="vertical">
        <a-descriptions-item label="项目名称" :span="2">
          {{ detail.name || "--" }}
        </a-descriptions-item>
        <a-descriptions-item label="项目简称">
          {{ detail.short_name || "--" }}
        </a-descriptions-item>
        <a-descriptions-item label="项目类型">
          {{ detail.type_txt || "--" }}
        </a-descriptions-item>
        <a-descriptions-item
          label="项目地址"
          :span="2"
          v-if="detail.district_txt || detail.address"
        >
          {{ detail.district_txt + detail.address || "--" }}
        </a-descriptions-item>
        <a-descriptions-item label="项目简介" :span="2">
          {{ detail.describe || "--" }}
        </a-descriptions-item>
        <!-- <a-descriptions-item label="详细地址">
          {{ detail.address || "--" }}
        </a-descriptions-item> -->
        <a-descriptions-item label="管理面积">
          {{ detail.management_area ? detail.management_area + "㎡" : "--" }}
        </a-descriptions-item>
        <a-descriptions-item label="可招商面积">
          {{ detail.rentable_area ? detail.rentable_area + "㎡" : "--" }}
        </a-descriptions-item>
        <a-descriptions-item :label="'总' + $L('房源') + '数量'">
          {{ detail.room_count ? detail.room_count + "间" : "--" }}
        </a-descriptions-item>
        <a-descriptions-item :label="'可招商' + $L('房源') + '数量'">
          {{ detail.rentable_area ? detail.room_rentable_count + "间" : "--" }}
        </a-descriptions-item>
      </a-descriptions>

      <a-descriptions
        title="拓展信息"
        :column="4"
        class="mt-20"
        layout="vertical"
      >
        <a-descriptions-item label="VR链接" v-if="detail.vr_link">
          {{ detail.vr_link }}
        </a-descriptions-item>
        <!-- <a-descriptions-item
          label="3D可视化模型"
          v-if="detail.three_dimensional_file"
        >
          {{ detail.three_dimensional_file }}
        </a-descriptions-item> -->
        <template v-if="detail.extra_config">
          <a-descriptions-item label="排序值">
            {{ detail.extra_config.sort || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="竣工时间">
            {{ detail.extra_config.completedTime || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="标准层高">
            {{ detail.extra_config.floor_height || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="物业">
            {{ detail.extra_config.ownerName || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="物业费">
            {{ detail.extra_config.ownerCost || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="车位数量">
            {{ detail.extra_config.parkingNumber || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="车位月租金">
            {{ detail.extra_config.parkingMonthlyRent || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="空调">
            {{ detail.extra_config.airConditioner || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="空调费">
            {{ detail.extra_config.airConditionerCost || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="空调开放时间">
            {{ detail.extra_config.airConditionerTime || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="电梯">
            {{ detail.extra_config.elevator || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="网络">
            {{ detail.extra_config.network || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="入驻企业">
            {{ detail.extra_config.settledEnterprise || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="招商岗位">
            {{ detail.extra_config.post_txt || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="招商部门">
            {{ detail.extra_config.department_txt || "--" }}
          </a-descriptions-item>
          <a-descriptions-item label="招商时间">
            {{ detail.extra_config.attractInvestmentTime || "--" }}
          </a-descriptions-item>
          <a-descriptions-item
            label="项目图片"
            v-if="
              detail.extra_config.iamges && detail.extra_config.iamges.length
            "
            :span="4"
          >
            <a-image
              :width="160"
              v-for="image of detail.extra_config.iamges"
              :key="image"
              :src="image"
              style="padding: 0 10px"
            />
          </a-descriptions-item>
        </template>
      </a-descriptions>
    </a-card>
  </div>
</template>
<script>
import { defineComponent } from "vue";
export default defineComponent({
  name: "VillageContent",
  props: {
    // 项目详情
    detail: {
      type: Object,
      default: () => ({}),
    },
  },
  setup(props, { emit }) {
    return {};
  },
});
</script>
